<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Movobel</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="js/jquery-1.6.1.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".menu a").click(function() {
$(".menu-aberto").fadeIn("slow");
$(".menu-aberto").show();
});
});

$(document).ready(function() {
$(".menu a").click(function() {
$(".menu-aberto").fadeIn("slow");
$(".menu-aberto").hide();
});
});

</script>


<script type="text/javascript">
$(document).ready(function() {
$(".card").click(function() {
$(".card-op").show("slow");
$(".modelo-card").show("slow");
$(".boleto-op").hide("fast");
});
});
</script>

<script type="text/javascript">
$(document).ready(function() {
$(".boleto").click(function() {
$(".card-op").hide("fast");
$(".modelo-card").hide("fast");
$(".boleto-op").show("slow");
});
});
</script>


</head>

<body>
<div class="corpo">
  <div class="menu-top">
    	<img style="float:left;" src="imagens/iconehome.png" width="19" height="17" /><div class="home-menu"> <a href="#">Home</a></div>
        <div class="blog-menu"><a href="#">Nosso Blog</a></div>
    <div class="meni-top"><a href="#">Dúvidas Frequentes</a></div>
        <div class="meni-top"><a href="#">SAC</a></div>
        <div class="meni-top"><a href="#">Quem Somos</a></div>
    
    <!--menu-top--->
    </div>
    
    <div class="logo"><a href="#"><img src="imagens/logo.png" width="309" height="73"></a></div>
    <div class="busca"><input type="text" name="" value="O que voce procura?" /></div>
    <div class="espaco-cliente"><a href="#"><img src="imagens/espaco-cli.png" width="107" height="105" /></a></div>
    <div class="meu-carrinho-bt"><a href="#"><img src="imagens/meu-carrinho.png" width="95" height="97" /></a></div>
  <div class="clear"></div>
  <div class="esq-menu"></div>
    <div class="menu">
    <a href="#">Sala</a> 
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a> 
    <!--menu-->
    </div>
  <div class="dir-menu"></div>
  
  <div class="menu-aberto">
  	<div class="itens-menu">
    	<div class="categoria-item">Cadeiras</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
    
    </div>  
  <!--menu-aberto-->
  </div>
  
  <div class="conteudo">
  <div class="clear"></div>
  	<div class="obrigado"><img src="imagens/pagament-b.png" width="199" height="63" /></div>
    <div class="quadro-end">
   	  <div class="titu-end">Confira seu endereço de entrega</div>
      <div class="end">
        	Rua Arnold Schimdt - 2 - Sobrado 26   81830-710 - Xaxim - Curitiba - PR  Proximo ao Shopping   (41)3333-3333 - contato@contato.com.br
        </div>
        
        <div class="alterar-end"><img src="imagens/alterar-end.png" width="129" height="41" /></div>
    <!--quadro-end-->
    </div>    
    
    <div class="quadro-confirma">
       	
     <div class="titulos2"></div>
     
     <div class="cont-pedido">
     	<div class="nome-prod">Poltrona Branca</div>    
        <div class="preco-ped">R$ 350,00</div> 
        <div class="qnt-ped">2</div>
        <div class="sub-ped">R$ 1250,00</div>
     <!--cont-pedido-->
     </div> 
     
     <div class="cont-pedido">
     	<div class="nome-prod">Poltrona Branca</div>    
        <div class="preco-ped">R$ 350,00</div> 
        <div class="qnt-ped">2</div>
        <div class="sub-ped">R$ 1250,00</div>
     <!--cont-pedido-->
     </div> 
     	
     <div class="frete-ped">
     	<div class="frete-t">Frete:</div>
        <div class="frete-p">R$ 150,00</div>
     </div>
     	<div class="clear"></div>
     <div class="previsao">
     	<div class="previsao-t">Previsão de entrega do pedido : 15 dias úteis (após confirmação de pagamento)</div>
     </div>
     
     <div class="cupom-ped">
     	<div class="cupom-t">Cupom de desconto:</div>
        <div class="cupom-p">R$ 150,00</div>
     </div>
     
     <div class="total-ped">
     	<div class="total-t">Total:</div>
        <div class="total-p">R$ 1150,00</div>
     </div>
       
    <!--quadro-confirma-->
    </div>  
    
    <div class="acompanhe">Escolhe a forma de pagamento</div>
      <div class="acompanhe2">Escolha a forma de pagamento que você preferir, trabalhamos<br />
 com várias para seu maior conforto</div>
    
    <div class="clear"></div>
   <div class="card-lo">
   	<div class="card"><img src="imagens/visa.png" width="72" height="72" /></div>
    <div class="card"><img src="imagens/master.png" width="72" height="72" /></div>
    <div class="card"><img src="imagens/diners.png" width="72" height="72" /></div>
    <div class="card"><img src="imagens/american.png" width="72" height="72" /></div>
    <div class="boleto"><img src="imagens/boleto.png" width="72" height="72" /></div>
    <div class="deposito"><img src="imagens/deposito.png" width="72" height="72" /></div>
    <div class="pagseguro"><img src="imagens/pagseguro.png" width="208" height="72" /></div>
    
    
    	<div class="clear"></div>
    
    <div class="card-op">
    <div class="titulos-box">
    	<div class="textos-boxes">Número do cartão: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Nome do titular: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Validade: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Código de segurança: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Código de segurança: </div>
    </div>
    <div class="boxes">
   		<div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
    </div>
    
    <!--card-op-->
    </div>
    
    <!--card-lo-->
   </div>
   
   <div class="boleto-op">
   <input type="button" name="Clique aqui para gerar" value="Gerar Boleto" />
   </div>
    
  <div class="clear"></div>
  <!--conteudo-->
  </div>
  
  <div class="rodape">
      <div class="quadro-roda1">
            <div class="titulo-roda">A Movobel</div>
            <div class="itens-roda"><a href="#">Quem Somos</a></div>
            <div class="itens-roda"><a href="#">Onde Atuamos</a></div>
            <div class="itens-roda"><a href="#">SAC</a></div>
            <div class="itens-roda"><a href="#">Nosso blog</a></div>
            <div class="itens-roda"><a href="#">Depoimentos</a></div>
      </div>
      
    <div class="quadro-roda2">
            <div class="titulo-roda">Comprando</div>
            <div class="itens-roda"><a href="#">Formas de Pagamento</a></div>
            <div class="itens-roda"><a href="#">Termos e Condições de compra</a></div>
            <div class="itens-roda"><a href="#">Prazos de entrega e Fretes</a></div>
            <div class="itens-roda"><a href="#">Segurança e Privacidade</a></div>
      </div>
      
    <div class="quadro-roda3">
            <div class="titulo-roda">Pós-venda</div>
            <div class="itens-roda"><a href="#">Acompanheo seu pedido</a></div>
            <div class="itens-roda"><a href="#">Montagem</a></div>
            <div class="itens-roda"><a href="#">Troca ou Devolução</a></div>
            <div class="itens-roda"><a href="#">Dúvidas Frequentes</a></div>
      </div>
      
    <div class="quadro-roda3">
            <div class="titulo-roda">Interessante</div>
            <div class="itens-roda"><a href="#">Trabalhe Conosco</a></div>
            <div class="itens-roda"><a href="#">Parceiros Montadores</a></div>
            <div class="itens-roda"><a href="#">Parceiros Fornecedores</a></div>
            <div class="itens-roda"><a href="#">Contato</a></div>
      </div>
      
    <div class="quadro-roda4">
          <div class="titulo-roda">Pagamento</div>
        <a href="#"><img src="imagens/cards.png" width="74" height="128" /></a>
      </div>
      
    <div class="quadro-roda4">
          <div class="titulo-roda">Compartilhe</div>
        <a href="#"><img src="imagens/fb.png" width="37" height="36" /></a>
        <a href="#"><img src="imagens/tt.png" width="37" height="39" /></a>
        <a href="#"><img src="imagens/seguro.png" width="104" height="34" /></a>
      </div>
      
  <!--rodape-->
  </div>
<!--corpo-->
</div>
</body>
</html>
